<template>
  <div>
    <div class="messagebox" v-show="show">
    
         <slot name="default"></slot>
      <slot name="content"></slot>
      <button @click="$emit('quxiao')">取消</button>
      <button @click="fn">返回</button>
    </div>
  </div>
</template>
<script setup>
import { defineProps ,defineEmits} from "vue";

defineProps(["show"])
const emits =defineEmits(['fn'])
const fn=()=>{
    emits('fn')
}
</script>
<style lang="scss" scoped>
.messagebox{
   width: 300px;
    height: 200px;
    background-color: white;
    text-align: center;
    margin: 200px auto;
}
button{
    margin: 20px;
}
</style>